<!DOCTYPE html>
<html>
  <head>
    <title>問卷調查</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="5-1.css">
    <script src="5-1.js" type="text/javascript" defer></script>
  </head>
  <body>
    <div class="quest-design">
      <form action="index_1.php" method="post">
        <h3>問卷管理-問卷設計</h3>
        <div class="but"><input type="submit" value="完成問卷" /></div>
        <hr>
        <div class="from-group">
          <label>問題類型</label>
          <select id="select-type" onchange="select(this)">
            <option value="0">請選擇----</option>
            <option value="1">文字框(Text)</option>
            <option value="2">密碼框(Password)</option>
            <option value="3">數字框(Number)</option>
            <option value="4">文字方塊(Textarea)</option>
            <option value="5">單選題(Radio)</option>
            <option value="6">多選題(CheckBox)</option>
          </select>
          <br />
          <div class="quest-Text hidden">
            <label>題目</label>
            <input class="put" id="topic-text" type="text" placeholder="请填写题目问题" /><br />
          </div>
          <div class="quest-pwd hidden">
            <label>題目</label>
            <input class="put" id="topic-pwd" type="text" placeholder="请填写身份证" /><br />
          </div>
          <div class="quest-num hidden">
            <label>題目</label>
            <input class="put" id="topic-text" type="text" placeholder="请填写年龄" /><br />
            <label>最大值</label><label><input type="checkbox" class="max-required" />设定最大值</label><br />
            <input type="number" class="max-num" /><br />
            <label>最小值</label><label><input type="checkbox" class="min-required" />设定最小值</label><br />
            <input type="number" class="min-num" /><br />
          </div>
          <div class="quest-textare hidden">
            <label>題目</label>
            <textarea class="put" id="topic-textare" placeholder="文字描述"></textarea><br />
          </div>
          <div class="quest-radio hidden">
            <table>
              <tr>
                <td>题目</td>
                <td><input class="put" id="topic-radio" type="text" /></td>
              </tr>
              <tr>
                <td>选项</td>
                <td><input type="radio" /><input class="radio-option" type="text" /></td>
              </tr>
              <tr>
                <td></td>
                <td><input type="radio" /><input class="radio-option" type="text" /> </td>
              </tr>
              <tr>
                <td></td>
                <td><input type="button" id="optin-add-radio" value="點擊新增選項" /> </td>
              </tr>
            </table>
          </div>
          <div class="quest-check hidden">
            <table>
              <tr>
                <td>题目</td>
                <td><input class="put" id="topic-check" type="text" /></td>
              </tr>
              <tr>
                <td>选项</td>
                <td><input type="checkbox" /><input type="text" class="check-option" /></td>
              </tr>
              <tr>
                <td></td>
                <td><input type="checkbox" /><input type="text" class="check-option" /> </td>
              </tr>
              <tr>
                <td></td>
                <td><input type="button" id="optin-add-checkbox" value="點擊新增選項" /> </td>
              </tr>
            </table>
          </div>
          <br />
          <div>
            <label><input id="isrequired" type="checkbox" />此题目为必填</label>
            <input id="quest-add" type="button" value="新增问题" />
          </div>

        </div>
        <hr>
        <input name="num" class="num hidden" />
      </form>
    </div>

  </body>
</html>